<template>
  <view class="container">
    <view class="detail-header">
      <image class="cover-image" src="/static/placeholder-image.png" mode="aspectFill"></image>
      <view class="title">详情页面</view>
    </view>
    
    <view class="detail-content">
      <view class="section">
        <view class="section-title">详情内容</view>
        <view class="section-text">这是发现模块的详情页面内容</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      id: null,
      detail: {}
    }
  },
  onLoad(options) {
    if (options.id) {
      this.id = options.id;
      // 加载详情数据
      this.loadDetail();
    }
  },
  methods: {
    loadDetail() {
      // 这里添加加载详情的逻辑
      console.log('加载ID为', this.id, '的详情');
    }
  }
}
</script>

<style lang="scss">
.container {
  padding-bottom: 30rpx;
  
  .detail-header {
    position: relative;
    
    .cover-image {
      width: 100%;
      height: 400rpx;
    }
    
    .title {
      font-size: 36rpx;
      font-weight: bold;
      padding: 30rpx;
    }
  }
  
  .detail-content {
    padding: 0 30rpx;
    
    .section {
      margin-bottom: 30rpx;
      
      .section-title {
        font-size: 32rpx;
        font-weight: bold;
        margin-bottom: 20rpx;
      }
      
      .section-text {
        font-size: 28rpx;
        color: #666;
        line-height: 1.6;
      }
    }
  }
}
</style> 